<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" href="../../../css/mui2.css">
		<link rel="stylesheet" href="../../../css/mui.picker.min.css" />
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="../js/mobile-detect.min.js"></script>
		<script type="text/javascript" src="../../../js/mui.picker.min.js"></script>
		<script type="text/javascript" src="../../../js/mobile-detect.min.js" ></script>
		<script type="text/javascript" src="../../../js/config.js" ></script>
		<script type="text/javascript" src="../../../js/common.js" ></script>
		<script type="text/javascript" src="../../../controll/se1.js"></script>
	</head>
	<style type="text/css">
		.mui-toast-container {
			width: 70%;
		}
		
		.mui-toast-container div {
			width: 100%;
			background-color: #666;
			opacity: 0.8;
		}
		
		input[type="text"] {
			height: 40px;
			border-color: greenyellow;
			border-radius: 10px;
		}
		
		.mui-popup-title {
			font-size: 16px;
			margin-bottom: 15px;
		}
		
		.timeId {
			height: 40px;
			border: 1px solid greenyellow;
			border-radius: 5px;
			line-height: 40px;
		}
		
		.mui-dtpicker-header button {
			width: initial;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">条件查询</h1>
		</header>
		<div style="margin: 46px;">
			<p class="component-description" style="margin-top:5em;">快速选择</p>
			<div style="display:inline-flex; width:100%; padding-left:1px; padding-right:1px;">
				<button type="button" class="mui-btn day" data-id="1">今天</button>
				<button type="button" class="mui-btn day" data-id="2">昨天</button>
				<button type="button" class="mui-btn day" data-id="3">本周</button>

			</div>
			<div style="display:inline-flex; width:100%; padding-left:1px; padding-right:1px;padding-top: 15px;">
				<button type="button" class="mui-btn month" data-id="4">本月</button>
				<button type="button" class="mui-btn month" data-id="5">上月</button>
				<button type="button" class="mui-btn month" data-id="0">自定义</button>
			</div>
			<p class="component-description" style="margin-top:5em;">精准查询</p>
			<div>
				<input type="text" class="order_id" value="" placeholder="请输入订单号" />
				<button type="button" class="mui-btn mui-btn-blue search">查询</button>
			</div>
		</div>
	</body>

</html>